<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="description" content="">
		<meta name="author" content="">
		<meta HTTP-EQUIV="pragma" CONTENT="no-cache">
		<meta HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
		<meta HTTP-EQUIV="expires" CONTENT="0">
		<link rel="stylesheet" type="text/css" href="assets/css/public.css" />
		<link rel="stylesheet" type="text/css" href="assets/css/style.css" />
		<title>海高大数据</title>
	</head>

	<body>
		<div class="container">
			<a href="index.html" class="login"></a>
			<div class="userlogin">颂恩</div>
			<ul class="mainMenu">
				<li>
					<a href="components/user/index.html">用户信息大数据</a>
				</li>
				<li>
					<a href="components/product/index.html">产品信息大数据</a>
				</li>
				<li>
					<a href="components/living/index.html">家居信息大数据</a>
				</li>
			</ul>
			<div class="search_box">
				<div class="search">
					<input type="text" name="" id="" value="" />
					<input onclick="window.location.href='components/user/list.html'" type="button" name="" id="" value="" />
				</div>
			</div>
			<div class="Hg_left">
				<img src="assets/img/title_01.png" alt="" />
				<div class="tieku"></div>
				<div class="aiData sides">
					<div class="dataTitle">
						用户年龄分布情况<span>User age distribution</span>
					</div>
					<div class="angle">
						<div id="chart_1" style="width: 100%; height: 190px;"></div>
					</div>
				</div>
				<div class="tieku"></div>
				<div class="aiData sides">
					<div class="dataTitle">
						家庭结构占比情况<span>Family structure</span>
					</div>
					<div class="angle">
						<div id="chart_2" style="width: 100%; height: 190px;"></div>
					</div>
				</div>
				<div class="tieku"></div>
				<div class="aiData sides">
					<div class="dataTitle">
						用户收入占比<span>User revenue share</span>
					</div>
					<div class="angle">
						<div id="chart_3" style="width: 100%; height: 190px;"></div>
					</div>
				</div>
			</div>
			<div class="Hg_center">
				<div class="aiData">
					<div class="angle">
						<div class="center_box">
							<div id="chart_4" style="width: 100%; height: 544px;"></div>
							<!--<div class="region"></div>
							<ul class="tripZone">
								<li>
									<label>人均消费:</label><i>165,162</i><span>人</span>
								</li>
								<li>
									<label>用户人群数:</label><i>165,162</i><span>人</span>
								</li>
							</ul>-->
						</div>
					</div>
				</div>
				<img src="assets/img/title_04.png" style="margin: 11px 0 11px 0;"/>
				<ul class="home_b">
					<li>
						<div class="aiData">
							<div class="dataTitle">
								品牌占比情况<span>Brand proportion</span>
							</div>
							<div class="angle">
								<div id="chart_5" style="width: 100%; height: 190px;"></div>
							</div>
						</div>
					</li>
					<li></li>
					<li>
						<div class="aiData">
							<div class="dataTitle">
								产品产业分布情况<span>User age distribution</span>
							</div>
							<div class="angle">
								<div id="chart_6" style="width: 100%; height: 190px;"></div>
							</div>
						</div>
					</li>
				</ul>
			</div>
			<div class="Hg_right">
				<img src="assets/img/title_02.png" alt="" />
				<div class="tieku"></div>
				<div class="aiData sides">
					<div class="dataTitle"> 
						家庭住房面积分布<span>Domestic housing area</span>
					</div>
					<div class="angle">
						<div id="chart_7" style="width: 100%; height: 190px;"></div>
					</div>
				</div>
				<div class="tieku"></div>
				<div class="aiData sides">
					<div class="dataTitle">
						家庭住房类型占比<span>Family housing type</span>
					</div>
					<div class="angle">
						<div id="chart_8" style="width: 100%; height: 190px;"></div>
					</div>
				</div>
				<div class="tieku"></div>
				<div class="aiData sides">
					<div class="dataTitle">
						家庭装修风格占比<span>Home decoration style</span>
					</div>
					<div class="angle">
						<div id="chart_9" style="width: 100%; height: 190px;"></div>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="assets/js/jquery/jquery-1.10.2.js"></script>
		<script type="text/javascript" src="assets/js/echarts/echarts.min.4.0.4.js"></script>
		<script type="text/javascript" src="assets/js/echarts/china.js" ></script>
		<script type="text/javascript" src="assets/js/resize.js"></script>
		<script type="text/javascript" src="assets/js/data/data.js" ></script>
		<script type="text/javascript" src="assets/js/series.js" ></script>
		<script type="text/javascript" src="assets/js/app.js"></script>
		<script type="text/javascript" src="assets/js/common.js" ></script>
		<script type="text/javascript">
			(function(){
				//首页初始化渲染
				indexRenderResult()
			})()
		</script>
	</body>

</html>